<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> -->
    <script src="js/jquery-3.7.1.min.js"></script>
</head>
<body>
    <!-- <div id="div1"><span>我是一个div</span></div>
    <input type="text" id="text1" value="password">
    <input type="button" id="updateContent" value="点击修改"> -->

    <p><a href="https://www.bitejiuyeke.com/index" id="bite">比特就业课</a></p>
    <img src="../pic/doge.jpg" width="200px">
    <input type="button" id="updateContent" value="点击修改属性">
    <script>
        //获取属性
        let href = $("p a").attr("href");
        console.log(href);

        let imgSrc = $("img").attr("src");
        console.log(imgSrc);

        //给属性赋值
        $("#updateContent").click(function(){
            $("p a").attr("href", "https://www.jd.com/");
            // $("img").attr("src", "../pic/pig.jpg");
            $("img").attr("width", "100px");
        });



        //取值
        // let content = $("#div1").text();
        // console.log(content);

        // let content2 = $("#div1").html();
        // console.log(content2);

        // let content3 = $("#text1").val();
        // console.log(content3);
        //赋值
        //$("#div1").text("我是修改后的div内容");

        // $("#updateContent").click(function(){
        //     $("#div1").text("<h1>我是修改后的div内容</h1>");
        //     // $("#div1").html("<h1>我是修改后的div内容</h1>");
        //     $("#text1").val("update password");
        // });
        
        
    </script>
</body>
</html>